import React from "react";
import { NavBar, Card, Toast, Button } from 'antd-mobile'
import { useNavigate } from "react-router-dom";
import './css/style.scss'//样式文件
const index = () => {
    // 路由跳转
    const navigate = useNavigate()
    // 路由向后跳转
    const back = () => {
        navigate(-1)
    }
    return (
        <div>
            {/* 导航栏 */}
            <NavBar onBack={back}>系统消息</NavBar>
            {/* 大盒子 */}
            <div className="Systemmessages">
                {/* 内容盒子 */}
                <div className="Systemmessages-con">
                    <div className="Systemmessages-con-top">
                        <Card>
                            <div>有新版本更新啦！</div>
                            <div>
                                <p>2019年3月10日  17:21</p>
                            </div>
                        </Card>
                    </div>
                    <div className="Systemmessages-con-top">
                        <Card>
                            <div>发现您刚刚更改过密码,请妥善保管新密码!</div>
                            <div>
                                <p>2019年2月20日  10:17</p>
                            </div>
                        </Card>
                    </div>
                    <div className="Systemmessages-con-top">
                        <Card>
                            <div>感谢您注册维度账号，小唯希望您使用我们的产品能够快乐！</div>
                            <div>
                                <p>2019年2月18日  17:21</p>
                            </div>
                        </Card>
                    </div>
                </div>
            </div>
        </div>
    )
}
export default index